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SYSTEM AND METHOD FOR PICTURE-IN-BROWSER SCALING 

RELATED APPLICATIONS 

The present application is related to and claims priority from provisional 
5 application U.S. Serial No. 60/193,046 (Attorney Docket: 020492-0001 00US), filed 
March 29, 2000, with inventor Anthony F. Istvan, which is hereby incorporated by 
reference in its entirety. The present application is also a continuation-in-part of 
nonprovisional application, U.S. Serial No.09/63 1,437 (Attorney Docket: 02492- 
000600US), entitled "System and Method For Picture-in-Browser Scaling," filed on 
1 0 August 2, 2000, with inventor Anthony F. Istvan, which is in turn a continuation-in-part 
of nonprovisional application, U.S. Serial No. 09/591,547 (Attorney Docket: 020492- 
000200US), entitled "L Configured User Interface to TV and Internet Content," filed on 
June 8, 2000, with inventors Anthony F. Istvan and Lisa M. Wilkins, which are both 
hereby incorporated by reference in their entirety. 

15 

FIELD OF THE INVENTION 



The present application pertains to the fields of television reception and 
Internet access. More particularly, the present application pertains to a user interface to 
20 television broadcasts and Internet content. 

BACKGROUND 

Televisions and Internet technologies are beginning to converge. In 
particular, access to the World Wide Web via an Internet-enabled television system is 
progressing and becoming more popular. However, prior art user interfaces for such 
25 systems are limited in their capabilities and do not provide for user-friendly access to both 
broadcast television (TV) and Internet content. 

U.S. Patent No. 6,034,689, entitled "Web Browser Allowing Navigation 
Between Hypertext Objects Using Remote Control," discloses browser software 
implemented in a set-top box which allows a user to navigate using a remote control 
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through World Wide Web pages. This browser software has limited capabilities and 
comprises a relatively simple user interface which allows for selection of hypertext 
anchors. In this simple user interface, access to Web pages is provided for separately 
from access to broadcast TV. 

5 SUMMARY 

The present invention provides for user-friendly access to both broadcast 
television and Internet content via a single integrated user interface. According to one 
embodiment of the present invention, a method of viewing multi-media content on a 
television having a display area includes providing a remote control to control images 

10 being displayed on the display area A first image of first type is displayed on the display 
area. The first image substantially fills the display area and has a first length and a first 
width. The first image has a length-to-width ratio of a first value. A first instruction is 
initiated on the remote control to modify the first image being displayed on the display 
area. A reduced image of the first image is displayed on the display area overlaid on a 

15 second image of second type in response to the first instruction. The reduced image of 
the first image has a second length and a second width and has a length-to-width ratio of a 
second value. The first and second length-to-width ratios are substantially the same. 

BRIEF DESCRIPTION OF THE DRAWINGS 

Fig. 1 is a schematic diagram depicting a system 100 for distributing 
20 Internet content, in addition to TV content, in accordance with an embodiment of the 
present invention. 

Fig. 2 is an illustrative screen frame of a display with a full-size video 
being displayed. 

Fig. 3 depicts an example layout 300 of a user interface (UI) which has 
25 been activated in accordance with an embodiment of the present invention. 

Fig. 4 is an illustrative screen frame of a UI which has been activated in 
accordance with an embodiment of the present invention. 

Fig. 5 depicts an example layout 500 of a UI with a user submenu 
activated in accordance with an embodiment of the present invention. 
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Fig. 6 depicts an example layout 600 of a UI with a TV submenu 602 
activated in accordance with an embodiment of the present invention. 

Fig. 7 depicts an example layout 700 of a UI with television listing 
controls in the context-sensitive area 304 in accordance with an embodiment of the 
5 present invention. 

Fig. 8 is an illustrative screen frame of a UI in a TV listing mode which 
provides an electronic programming guide (EPG) in accordance with an embodiment of 
the present invention. 

Fig. 9 depicts an example layout 900 of a UI with a browser submenu 902 
1 0 activated in accordance with an embodiment of the present invention. 

Fig. 10 depicts an example layout 1000 of a UI with browser controls in 
the context-sensitive area 304 in accordance with an embodiment of the present 
invention. 

Fig. 1 1 is an illustrative design for a remote control 1 100 in accordance 
15 with an embodiment of the present invention. 

Figs. 12-19 illustrates methods of navigating between a video image and a 
browser image in accordance of specific embodiments of the present invention. 



DESCRIPTION OF THE SPECIFIC EMBODIMENTS 

20 Fig. 1 is a schematic diagram depicting a system 100 for distributing 

Internet content, in addition to TV content, in accordance with an embodiment of the 
present invention. In accordance with an embodiment of the present invention, the 
system 100 is integrated with a cable TV distribution system. Such cable TV distribution 
systems may include cable headends and are well known in the art. 

25 The system 1 00 includes an Internet 1 02, a plurality of content sources 

104, a plurality of distribution centers (depicted as headends or H/E) 106, and a plurality 
of client terminals (depicted as set top boxes or STB) 108. In addition, a content source 
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104 is depicted as receiving data from data feeds 112, advertisement servers 1 14, image 
sources 116, and streaming video sources 118. 

The plurality of content sources 104 are coupled to the Internet 102. For 
example, a content source 104 may comprise a web site portal such as Go2Net.com, or a 
5 news web site such as CNN.com, or other types of sources. Each content source 104 may 
have various data feeds 112, servers 114, and sources 116/118 coupled to it 

For example, news or stock quote feeds 112 may be fed into the content 
source 104. Servers 114 may provide advertisements for insertion into multimedia 
content delivered by the content source 104. Sources 116/118 may provide images 116, 
10 streaming video 118, and other content to the content source 104. Various other feeds, 
servers and sources may also be coupled to the content source 104. 

The Internet 102 comprises a network of networks and is well known in 
the art. Communications over the Internet 102 are accomplished using standard protocols 
such as TCP/IP (transmission control protocol/internet protocol) and other protocols. The 
1 5 Internet 1 02 is coupled to the plurality of distribution centers 1 06. For example, a 
distribution center 106 may comprise a cable headend (H7E). 

Each distribution center 106 is coupled to a plurality of client terminals 
108. For example, a client terminal 108 may comprise a set top box (STB), a personal 
computer, an interactive television set, or another type of communication device. 

20 In alternative or in addition to the Internet 1 02 being used to distribute 

multimedia content from the content sources 104 to distribution centers 106, 
communications channels or networks 120 apart from the Internet 102 may couple one or 
more content source 104 to one or more distribution center 106. One example of such an 
alternate path for communications is illustrated in Fig. 1. Other configurations are also 

25 possible and meant to be included within the scope of the present invention. 

Fig. 2 is an illustrative screen frame of a display with a full-size video 
being displayed. While the screen frame is a still frame, the actual video is a motion 
video comprising a multitude of frames in sequence. 
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Fig. 3 depicts an example layout 300 of a user interface (UI) which has 
been activated in accordance with an embodiment of the present invention. In one 
embodiment, when the UI is activated, the full-size display (see Fig. 2) shrinks in an 
"animated" fashion (i.e. with visible motion to a viewer) to occupy a reduced-size area 
5 301 of the display. Alternatively, when the UI is activated, the L configured UI may be 
superimposed (overlaid) over the full-size display. For example, shrinking the full-size 
display may be used if the display is showing TV or video content, while superimposing 
over the full-size display may be used if the display is showing pages which do not scale 
well. A "menu" button on a remote control unit may be used to activate and deactivate 
10 theUI. 

The UI includes a group of permanent controls 302 on a first side of the 
reduced-size area 301, a context-sensitive area 304 on a second side of the reduced-size 
area 301 (perpendicular to the first side), and a logo area 306 at the intersection of the two 
sides. In the example layout 300 shown in Fig. 3, the permanent controls 302 include 
1 5 user ("user name"), TV, mail, browser, and help controls or control icons. 

Selection of these permanent control icons typically reveals a 
corresponding submenu. For purposes of illustration, described in detail below are a 
selection of such submenus. First, an example of a user submenu 502 is described below 
in relation to Fig. 5. Second, an example of the TV submenu 602 is described below in 
20 relation to Fig. 6. Third, an example of a browser submenu 902 is described below in 
relation to Fig. 9. 

The context-sensitive area 304 may display different information (non- 
selectable items) and control icons (selectable items) depending upon the content in the 
display area 301. Initially, the context-sensitive area 304 may display information on the 
25 TV content currently being displayed in the display area 301 . The information may 

include, for example, channel number/network call letters, program title, and current time. 

As the content in the display area 301 varies, so will the information and 
control icons in the context-sensitive area 304. For example, first, when display area 301 
contains TV content, then context-sensitive area 304 may have the information shown in 
30 Fig. 3. Second, when the display area 301 contains electronic progr ammin g guide (EPG) 
content, then context-sensitive area 304 may have the controls described in relation to 

5 
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Fig. 7. Third, when display area 301 contains web content, then context-sensitive area 
304 may have the controls described in relation to Fig. 10. 

The logo area 306 may display, for example, a logo and name for a service 
provider. In this example, the service provider is named Charter Communications™. 

5 While the particular layout of Fig. 3 shows a "L" configured UI along the 

top and left sides of the display, other "L" configurations are also contemplated and 
within the scope of the present invention. For example, the "L" configured UI may 
instead be along the bottom and left sides, or the bottom and right sides, or the top and 
right sides. 

1 0 In accordance with an embodiment of the present invention, a first pair of 

arrows on a remote control navigates among the permanent controls, and a second pair of 
arrows (perpendicular to the first pair) navigates among the context-sensitive controls. 
Switching between navigation among the permanent controls and navigation among the 
context-sensitive controls occurs automatically upon switching between using the first 

15 pair of arrows and using the second pair of arrows. An example of a remote control with 
such arrows is shown in Fig. 1 1 which is described below. 

Fig. 4 is an illustrative screen frame of a UI which has been activated in 
accordance with an embodiment of the present invention. The frame shown in Fig. 4 is 
an implementation in close (but not exact) correspondence to the layout 300 of Fig. 3. 
20 Like the layout 300 in Fig. 3, the UI of Fig. 4 has permanent controls on the left side, a 
context-sensitive area on the top, and a service provider's logo at the upper left corner. 

Regarding the permanent controls, "Bob234" is an example name of a 
currently active user. The "Surf control corresponds to the browser control. Regarding 
the context-sensitive area, "Conde Nast Traveler" corresponds to the program title. 
25 "Channel 3 1, DSC" corresponds to the channel/network call letters. And, finally, "1 :02 
pm 02/28/00" corresponds to the current time (and date). 

Fig. 5 depicts an example layout 500 of an UI with a user submenu 502 
activated in accordance with an embodiment of the present invention. The user submenu 
502 is activated by selecting the "user name" on-screen control from the group of 
30 permanent controls 302. The user submenu 502 may include various selections. 

6 
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The "family" user is the default selection when the UI is activated. In one 
embodiment, the family user will be able to access only content which is accessible to all 
other users. In other words, the family user will have a "permission space" which is the 
intersection of permission spaces of all other users. Advantageously, this feature does not 
5 require a password to be entered upon turning on the TV. Nevertheless, this feature may 
be used to prevent children from accessing excessively violent or adult-oriented content. 
Moreover, the protection provided may extend to both TV and Internet content. 

User #2, user #3, . . ., user #N, may be individual user names, each of 
which may have a password to protect against entry by an unauthorized person. For 
1 0 example, the different users may correspond to members of a family. These user names 
may be sorted alphabetically in the user submenu 502. When an individual user name is 
selected and password, if any, entered correctly, then the user name becomes the active 
user. 

The "manage users" and "settings" selections may be used to perform such 
1 5 function as: editing user name, password, and other user-related information for a 
specified user account; allowing users to block certain emails; allowing a user with 
administrative privileges to add or remove users and change user privileges; and so on. 

Fig. 6 depicts an example layout 600 of a UI with a TV submenu 602 
activated in accordance with an embodiment of the present invention. The TV submenu 
20 602 is activated by selecting the "tv" on-screen control from the group of permanent 
controls 302. The TV submenu 602 may include various selections. 

The "listing" selection provides an electronic progranmiing guide (EPG) to 
broadcast TV content. When the EPG is provide, con-esponding controls are provided in 
the context-sensitive area 304 as described below in relation to Fig. 7. An example of 
25 such an EPG within the UI is illustrated in Fig. 8 which is also described below. 

The "info" selection provides information relating to the TV program 
currently being viewed in the display area 301 . The information may include a brief 
description of the program, names of actors/actresses, copyright year, and so on. 
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The TV "favorites" selection provides a user with a list of his/her favorite 
TV channels. When a TV channel is selected from the favorite list, then the embedded 
TV display changes to that channel. 

The TV "recents" selection provides small screen video images of the last 
5 N (where N is a positive integer) TV channels viewed. For example, if N = 9, then video 
images of the 9 most recently viewed TV channels may be shown in a 3x3 matrix 
configuration in the embedded display 301 . The number N may be fixed, or it may be 
user selectable. 

The TV "search" selection provides a mechanism to search electronic 
1 0 program guide (EPG) listings for a particular program or programs. The search may be 
by program title, type of program (e.g., "basketball" may be searched to find basketball 
games being broadcast), by actor/actress, and so on. 

These and other selections may be provided in the TV submenu 602. For 
example, "recent links" and "channel setup" selections are depicted in the TV submenu 
1 5 602 of Fig. 6. The "recent links" selection provides access to hyperlinks recently 
received via a mechanism such as an ATVEF (Advanced TV Enhancement Forum) 
trigger. ATVEF is a cross-industry alliance of companies from broadcast and cable 
networks, television transport, consumer electronics, and personal computer industries. 
- The "channel setup" selection allows a user to specify which TV channels are included as 
20 channels to tune to as part of the channel up/down tuning sequence. 

Fig. 7 depicts an example layout 700 of a UI with television listing 
controls in the context-sensitive area 304 in accordance with an embodiment of the 
present invention. The television listing controls are provide when the display area 301 is 
used to provide an electronic prograrnming guide (EPG). 

25 The television listing controls shown in Fig. 7 include a "change day" 

control, an EPG "search" control, and a "stay on channel" control. The "change day" 
control allows the user to change the day of the program grid being shown by the EPG. 
The EPG "search" control provides access to a mechanism to search EPG listings for a 
particular program or programs. The "stay on channel" control comprises a toggle 

30 control to activate/deactivate this option. When the option is deactivated, then the TV 
tuner actively tunes to the selected channel in the nrogram grid of the EPG. When the 
8 
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option is activated, then the TV tuner remains on the channel that was being displayed 
before entering the EPG. 

Fig. 8 is an illustrative screen frame of a UI in a TV listing mode which 
provides an electronic programming guide (EPG) in accordance with an embodiment of 
5 the present invention. The frame shown in Fig. 8 is an implementation in close (but not 
exact) correspondence to the layout 700 of Fig. 7. (The frame of Fig. 8, for example, 
does not show a "stay on channel" toggle control.) The EPG shown provides a 
programming grid including rows representing different channels, and columns 
representing different timeslots. Other implementations of an EPG are also possible. 

1 0 Fig. 9 depicts an example layout 900 of a UI with a browser submenu 902 

activated in accordance with an embodiment of the present invention. The browser 
submenu 902 is activated by selecting the "browser" on-screen control from the group of 
permanent controls 302. The browser submenu 902 may include various selections. 

The "home" selection may provide access to a web page designated by a 
15 service provider (e.g., a MSO) as its "home" page. In one embodiment, when going to 
the home page, the L configured UI retracts, so that the home page is shown on a full-size 
screen. 

The "user defined" selections provide access to specialized web pages 
which may be focused to various categories of content For example, the specialized web 
20 pages may focus on categories such as news, money, sports, weather, entertainment, and 
others. Again, in one embodiment, when going to a specialized web page, the L 
configured UI retracts, so that the specialized page is shown on a full-size screen. 

These and other selections may be provided in the browser submenu 902. 
For example, "more," "go to," browser "favorites," and browser "search" selections are 

25 depicted in the browser submenu 902 shown in Fig. 9. The "more" button provides 

access to other categories of content in addition to those specified by the "user defined" 
selections described above. The "go to" button provides a query text box which allows a 
user to specify a URL to be displayed in the browser. The browser "favorites" button 
provides access to an organized data structure of favorite links. These browser favorites 

30 may be provided separately from the TV favorites, or they may be provided together in an 

integrated data structure. The browser "search" control provides access to a mechanism 
9 
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to search for particular Internet or Web content. The browser search may be provided 
separately from the EPG search, or they may be provided together in an integrated search 
feature. 

Fig. 10 depicts an example layout 1000 of a UI with browser controls in 
the context-sensitive area 304 in accordance with an embodiment of the present 
invention. The browser controls are provided when the display area 301 is used to access 
World Wide Web content and other similar hyperlinked content. 

In the embodiment shown in Fig. 10, the left and right arrows 1002 may be 
individually selected. The left arrow scrolls or shifts the browser controls one button to 
the left. For example, in Fig. 10, the left arrow would cause the "home" button 1004 to 
scroll 'Ijehind" the arrows 1002 and a control button (not shown) to the right of the 
"reload" button 1014 to become visible at the right side of the context-sensitive area 304. 
Similarly, the right arrow scrolls or shifts the browser controls one button to the right. 

In the embodiment shown in Fig. 10, the "home" button 1004 provides 
access to the web page designated by the user as his/her "home" page. The "faves" or 
favorites button 1006 provides access to a list of web pages or URLs that the user selects 
as his/her favorites. The "save" button 1008 enables a user to save a web page currently 
being displayed as a favorite page. The "go to" button 1010 provides a query text box 
which allows a user to specify a URL to be displayed in the browser. The "search" button 
1012 provides access to a mechanism to search for particular Internet or Web content. 
The "reload" button 1014 causes the content currently in the display 301 to be refreshed. 

Other buttons may be provided to the right of the "reload" button 1014. In 
one embodiment, the other buttons may include a "print" button, a "find" button, a "send" 
button, and an "info" button. The "prinf ' button provides for printing, with various 
options, of the web page being displayed. The "find" button provides for finding a 
specified text string within the web page being displayed. The "send" button provides for 
sending an email with the web page being displayed or its URL attached thereto or 
contained therein. Finally, the "info" button provides additional information about the 
web page being displayed. 

Fig. 1 1 is an illustrative design for a remote control 1 100 in accordance 
with an embodiment of the present invention. Many other designs with similar 
10 
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functionality are, of course, possible and would be within the scope of the present 
invention. 

The menu button 1 102 may be used to activate and deactivate the UI as 
described above in relation to Fig. 3. The "Go To TV" button 1 103 and the "Browser" 
5 button 1112 together may be used to navigate between a video display ("video image") 
and a browser display ("browser image"). As used herein, the video display or image 
refers to traditional video content displayed on the television. The browser display or 
image refers contents than the video image displayed on the television, e.g., the UI 
described above or a client program, such as Netscape Navigator and Microsoft Internet 
10 Explorer, that allows users to read hypertext documents on the World Wide Web and 
navigate the Internet. 

The up arrow 1 108 and down arrow 1110 may be used to navigate among 
the permanent controls 302. The left arrow 1 104 and right arrow 1 106 may be used to 
navigate among controls in the context-sensitive area 304. Switching between navigation 
1 5 among the permanent controls and navigation among the context-sensitive controls occurs 
automatically upon switching between using the up/down arrows 1 108/1110 and using 
the left/right arrows 1 104/1 106. The "Go" button (which may also be designated the 
"OK" button) selects the screen object currently pointed to and triggers whatever event is 
associated with the object. 

20 Referring to Fig. 12, in one embodiment, the remote control 1 100 includes 

a button, e.g., the browser button 1 1 12, to navigate between the video image and the 
browser image in a closed-loop display cycle. A display screen 1201 initially displays a 
full video image 1202 that completely fills the screen. The browser button 1 1 12 is 
pressed once to display a reduced video image 1204 and a browser image 1206 of first 

25 size simultaneously on the display screen, where the reduced video image 1204 is 

overlaid on the browser image 1206. That is, the display screen is in a picture-in-browser 
('TIB") mode. As used herein, the picture-in-browser mode or PIB mode refers to a 
situation where the video image is overlaid on the browser image, or vice versa. In one 
embodiment, the set top box is always connected to the Internet so that when the browser 

30 button is pressed, the browser image promptly appears without requiring additional steps 
of connecting to the Internet connection. 
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After the browser button has been pressed once, if pressed again, the 
screen displays a further reduced video image 1208 and a browser image 1210 of second 
size. As shown, the browser image 1210 of second size has increased in size 
proportionally to the size reduction of the video image 1208, thereby filling the areas of 
5 display screen previously filled by the video image 1208. The browser button 1 1 12 is 
pressed once more to completely fill the display screen 1201 with a browser image 1212. 
At this time, if the browser button is pressed once again, a mil video image 1214 replaces 
the browser image 1212 to completely fill the screen 1201. Alternatively, rather than 
displaying the full video image 1214 in a single step, this may be done in multiple steps, 
1 0 where a reduced browser image is overlaid on a video image and successively reduced in 
size, as explained above in connection with the video image. In one implementation, the 
above navigational steps may be performed by simply keeping the browser button 1 1 12 
pressed rather than successively pressing the button. 

Fig. 13 illustrates another display cycle for the PIB mode according to one 
15 embodiment of the present invention. A single button, e.g., the browser button 1 1 12, is 
used to navigate between the video and browser images. A display screen 1301 initially 
displays a full video image 1302. The browser button 11 12 is pressed once to display a 
reduced video image 1304 overlaid on a browser image 1306. The browser button 1112 
is pressed once more to completely fill the display screen 1301 with a browser image 
20 1308. If pressed once more, a reduced browser image 13 10 is overlaid on a video image 
1312. Finally, a full video image fills the display screen when the browser button is 
pressed again, thereby returning to the initial viewing format In one implementation, the 
user may move to different stages in the display cycle by simply keeping the browser 
button pressed. In another implementation, the size reduction of images occurs in a 
25 continuous manner rather than discretely, so that a user may shrink the overlaid images to 
any size he or she wishes. 

In one embodiment, as shown in Fig. 14, the remote control 1 1 00 includes 
two buttons, e.g., Smaller TV button 1406 and the Bigger TV button 1408, to navigate 
between the video and browser images. A display screen 1401 initially displays a full 
30 video image 1402. Pressing or keeping the Smaller TV button pressed reduces the size of 
the video image continuously starting from the top, left corner of the screen. Eventually, 
the video image disappears from the screen and only a browser image 1404 remains on 
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the screen. Conversely, pressing or keeping the Bigger TV button pressed increases the 
size of the video image continuously and reverses the effects of pressing the Smaller TV 
button. In one implementation, only one button, e.g., the browser button, is used to 
navigate between the video image and the browser image (Fig. 15). Pressing the button 
5 reduces the video image continuously until the browser image completely fills the screen. 
Thereafter, pressing the button reduces the browser image continuously until the video 
image completely fills the screen, and so on. In one implementation, images are reduce 
or increased discretely in predetermined sizes. 

In another embodiment, as shown in Fig. 16, the remote control includes 

10 three buttons, a Go To TV button 1602, a TV Overlay button 1604, and a Go To Browser 
button 1606, to control the PIB mode. Pressing the Go To TV button displays a full video 
image 1608. Pressing the TV overlay displays a reduced video image 1610 overlaid on a 
browser image 1612. Pressing the Go To Browser button displays a full browser image 
1614. In one implementation, when the TV Overlay button is initially pressed, the 

15 reduced video image 1610 first appears in a particular dimension, e.g., occupying one 
third of the display screen. The reduced video image is further reduced in size by 
successively pressing the TV Overlay button or keeping it pressed. Eventually, the 
reduced video image 1610 disappears entirely from the display screen and the browser 
image completely fills the screen. Thereafter, if the TV Overlay button is pressed again 

20 or is kept pressed, the reduced video image 1610 appears again in the same dimension it 
had first appeared on the screen, filling one third of the display screen. In another 
implementation, the remote control includes a Browser Overlay button 1616 that 
performs a similar function as the TV Overlay button, except when the former is pressed, 
a reduced browser image (not shown) is overlaid on a video image (not shown). The 

25 ' remote control may include both the Browser Overlay button and the TV Overlay button 
or just one of them. 

Referring to Fig. 17, in one embodiment, the video and browser images 
maintain a fixed length-to-width ratio as they are progressively reduced or increased in 
size. A display screen 1702 displays a video image 1704 (or browser image) overlaid on 
30 a browser image 1 706 (or video image). The display screen has a width 1708 and a 
length 1710, where the width and length are "3a" and "4a," respectively. The variable 
"a" is a positive number sufficiently large to provide a user with a viewing area. The 
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display screen has a length-to-width ratio of 4:3. The full video or browser images that 
completely fill the screen also have the same length-to-width ratio. The images maintain 
this ratio as they are progressively reduced or increased in size. For example, the video 
image 1704 that has been reduced in size has a width 1712 and a length 1714 of "3b" and 
5 "4b," respectively. That is, the video image 1704 has the same length-to-width ratio as 
the display screen. 

Size of the video image is generally defined by the value of the variable 
"b." The variable "b" can be any number from zero to the value of "a." The buttons such 
as the browser button 1112 control the value of the variable "b." Initially when "b" is 

1 0 equal to "a", the video image completely fills the display screen and the browser image is 
not visible to the viewers. As the "b" is decreased by pressing the browser button, the 
video image is correspondingly reduced in size. The browser image, in turn, appears as a 
rotated "L" shape. For example, the browser image 1706 having the shape of "L" rotated 
in -90 degrees appears on the screen as the video image is reduced (Fig. 17). The 

15 browser image has a width 1716 and a length 1718 of "3(a-b)" and "4(a-b)," respectively. 
Therefore, the value of "b" also defines the shape and size of the browser image displayed 
on the screen. 

Eventually when "b" is decreased to a zero or a value substantially close to 
zero, the browser image completes fills the display screen and is overlaid on the video 

20 image. As used herein, the term "value substantially close to zero" refers to value of "b" 
that is too small for human eyes to see. In one instance, if the browser button is pressed 
thereafter, the value of "b" is reset to its initial value, i.e., set to be equal to the value of 
"a." That is, the entire video image is pulled forward to be overlaid on the browser 
image, so that only the video image is visible to the user and the browser image is hidden 

25 behind the video image. 

hi another instance, the values of variable "b" is assigned to define the 
overlaid image, whether it is a video or browser image, hi addition, if the value of "b" is 
decreased to zero or a value that is substantially close to zero, the value of "b" is 
automatically reset to its initial value. From this point on, if the button is pressed and the 
30 value of "b" is decreased, the browser image is decreased rather than the video image 
since the browser image is now overlaid on the video image. If the value of "b" 
eventually is decreased to zero or a value substantially close to zero, the value of "b" is 
14 
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reset to its initial value again and the size of the video image is varied according to the 
value of "b," and so on. In other instances, the value of "b" may be made to depend on 
the Smaller TV button 1406 and Bigger TV button 1408, where pressing the Smaller TV 
button decreases the value of "b" and pressing the Bigger TV button increases the value 
5 of"b." 

Referring to Fig. 18, in another embodiment, the video and browser 
images maintain a different fixed length-to-width ratio as they are progressively reduced 
or increased in size. A display screen 1802 displays a video image 1804 (or browser 
image) overlaid on a browser image 1806 (or video image). The display screen has a 

10 width 1808 and a length 1810, where the width and length are "9a" and "16a," 
respectively. The display screen has a length-to-width ratio of 16:9. The images 
maintain this ratio as they are being reduced or increased in size. For example, when the 
remote control is used to reduce the size of the full video image, the screen displays the 
video image 1804 having a width 1812 and a length 1814 of "16b" and "9b," 

15 respectively. That is, the video image 1804 has the length-to-width ratio of 16:9. The 
screen also displays the browser image 1 806 having the shape of "L" rotated in -90 
degrees as a result of the reduction of the video image. The browser image 1806 has a 
width 1816 and a length 1818 of "9(a-b)" and "9(a-b)," respectively. The size of the 
video image is defined by the value of "b" and is adjusted accordingly by varying the 

20 value of "b," as described above. 

Fig. 19 illustrates an exemplary implementation of the above embodiment 
to the embodiment disclosed in connection with Fig. 12. The elements in Fig. 19 are 
provided with primes at the end of the numbers to differentiate them from the elements in 
Fig. 12. A display screen 1201' initially displays a full video image 1202' that 
25 completely fills the screen having a width of "3a" and a length of "4a," where "a" is a 
positive number. The width and length of the video image are defined by a variable "b," 
where the video image 1202' has a width of "3bi" and a length of "4bi." The value of 
"bi," i. e., initial value of "b," is equal to the value of "a." The display screen and video 
image 1202' both have the same length-to-width ratio of 4:3. 

30 If the browser button 1 1 12 is pressed once, "bi" is decreased to "b 2 ." The 

display screen consequently displays a reduced video image 1204' overlaid on a browser 
image 1206' of first size. The video image 1204' has a width of "3t>2" and a length of 
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"4b 2 ." The reduced video image 1204' maintains the same length-to-width ratio as the 
initial video image 1202'. If the button is pressed again, the variable "02" is decreased to 
"b 3 ." As a result, the screen displays a further reduced video image 1208' and a browser 
image 1210' of second size. The video image 1208' has a width of "3t>3" and a length of 
5 "4b3." The video image 1208' continues to maintain the length-to-width ratio of 4:3. If 
the button is pressed once again, "bs" is decreased to "04," where "hf is zero or a value 
substantially close to zero. The display screen 1201 is completely filled with a browser 
image 1212'. At this point, if the browser button is pressed yet again, the "b4" is reset to 
"bi" which is the initial value of the variable. Consequently, a full video image 1214' 
10 replaces the browser image 1212' to completely fill the screen 1201', thereby returning to 
the initial state. 

While specific embodiments and applications of the present invention have 
been illustrated and described, it is to be understood that the invention is not limited to the 
precise configuration and components disclosed herein. Various modifications, changes, 

1 5 and variations which will be apparent to those skilled in the art may be made in the 

arrangement, operation, and details of the methods and systems of the present invention 
disclosed herein without departing from the spirit and scope of the invention. For 
example, implementations and alternatives thereto provided for a particular embodiment 
may be implemented for other embodiments. Therefore, the scope of the present 

20 invention is to be interpreted using the claims provided below. 
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WHAT IS CLAIMED IS: 

1 1 . A method of viewing multi-media content on a television having a 

2 display area, comprising: 

3 providing a remote control to control images being displayed on the 

4 display area; 

5 displaying a first image of first type on the display area, the first image 

6 substantially filling the display area and having a first length and a first width, the first 

7 image having a first length-to-width ratio; 

8 initiating a first instruction on the remote control to modify the first image 

9 being displayed on the display area; and 

10 displaying on the display area a reduced image of the first image overlaid 

11 on a second image of second type in response to the first instruction, the reduced image of 

12 the first image having a second length and a second width and having a second length-to- 

1 3 width ratio, wherein the first and second values of the length-to-width ratio being 

14 substantially the same. 

1 2. The method of claim 1, further comprising: 

2 filling the display area with the second image of second type in response to 

3 a second instruction initiated with the remote control; and 

4 displaying on the display area a reduced image of the second image 

5 overlaid on the first image in response to a third instruction initiated with the remote 

6 control. 

1 3 . The method of claim 2, wherein the first image of first type is a 

2 video image and the second image of second type is a browser image. 

1 4. The method of claim 2, wherein the first image of first type is a 

2 browser image and the second image of second type is a video image. 

1 5 . The method of claim 2, wherein the remote control has a single 

2 button to input the instructions. 

1 6. A method of viewing multi-media content on a television having a 

2 display area, comprising: 

3 providing a remote control having an input mechanism; 
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4 displaying a first image of first type on the display area, the first image 

5 having a first size and being overlaid on a second image of second type, so that the 

6 second image is not visible to a user viewing the display area, the first image with the first 

7 size having a first length-to-width ratio; 

8 initiating a first instruction with the input mechanism; and 

9 reducing the first image with the first size to a second size in response to 

10 the first instruction, so that the second image is partially displayed on the display area, the 

1 1 first image with the second size having a second length-to-width ratio that is substantially 

12 the same as the first length-to-width ratio. 

1 7. The method of claim 6, the method further comprising: 

2 initiating a second instruction using the input mechanism of the remote 

3 control; 

4 in response to the second instruction, reducing the size of the first image 

5 being displayed on the display area until the first image is no longer visible on the display 

6 area; and 

7 thereafter, increasing the size of the first image being displayed on the 

8 display area until me first image substantially fills the display area. 

1 8 . The method of claim 7, wherein the input mechanism of the remote 

2 control is a button. 

1 9. The method of claim 7, wherein the input mechanism of the remote 

2 control has a first button and a second button, where the first button decreases the size of 

3 the first image being displayed on the display area, and the second button increases the 

4 size of the second image being displayed on the display area. 

1 1 0. A method of viewing multi-media content on a television having a 

2 display area, comprising: 

3 providing a remote control having an input mechanism; 

4 displaying a first image of first type on the display area, the first image 

5 having a first size and being overlaid on a second image of second type, so that the 

6 second image is not visible to a user viewing the display area, the first image with the first 

7 size having a first length-to-width ratio, wherein a size of the first image of first type is 

8 defined by a variable b with an initial value bl ; 

9 initiating a first instruction with the input mechanism; 
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1 0 decreasing the value of b from bl to b2 in response to the jBrst instruction; 

11 and 

1 2 reducing the first image with the first size to a second size in response to 

13 the decrease in the value of b, so that the second image is partially displayed on the 

14 display area, the first image with the second size having a second length-to-width ratio 

1 5 that is substantially the same as the first length-to-width ratio. 

1 11. The method of claim 1 0, further comprising: 

2 initiating a second instruction using the input mechanism of the remote 

3 control; 

4 decreasing the value of b from b2 to b3 in response to the second 

5 instruction; and 

6 in response to the decrease in the value of b, reducing the size of the first 

7 image being displayed on the display area until the first image is no longer visible on the 

8 display area. 

1 12. The method of claim 1 1, further comprising: 

2 initiating a third instruction using the input mechanism of the remote 

3 control; 

4 resetting the value of b to bl in response to the third instruction; and 

5 thereafter, displaying the first image overlaid on the second image in 

6 response to the adjustment of the value of b to bl, the first image substantially filling the 

7 display area so that the second image is no longer visible on the display area. 

1 13. The method of claim 1 0, wherein the input mechanism of the 

2 remote control is a button. 

1 14. The method of claim 1 0, wherein the input mechanism of the 

2 remote control has a first button and a second button, where the first button decreases the 

3 value of b and the second button increases the value of b. 

1 15. The method of claim 1 , wherein the second length-to-width ratio is 

2 4:3. 

1 16. The method of claim 1 , wherein the second length-to-width ratio is 

2 16:9. 
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1 17. The method of claim 6, wherein the second length-to-width ratio is 

2 4:3. 

1 18. The method of claim 6, wherein the second length-to-width ratio is 

2 16:9. 

1 19. The method of claim 10, wherein the second length-to-width ratio 

2 is 4:3. 

1 20. The method of claim 10, wherein the second length-to-width ratio 

2 is 16:9. 
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